<template>
	<view class="video-container">
		<iframe
			frameborder="0" 
			width="100%" 
			height="100%" 
			scrolling="auto" 
			:allowfullscreen="true"
			:src="url"></iframe>
			
	</view>
</template>

<script setup>
	import {
		onMounted,
		ref
	} from "vue";
 
	// 接收URL参数
	const url = ref("");

	onMounted(() => {
		// 获取URL参数
		const params = uni.getStorageSync("url");
		url.value = params;
	});
</script>

<style>
	.video-container {
		width: 750rpx;
		height: 400px;
		overflow: hidden; /* 隐藏滚动条 */
	}

	iframe {
		display: block; /* 调整为块级元素 */
		width: 100%;
		height: 100%;
		border: none; /* 移除边框 */
		background-color: white; /* 设置背景颜色 */
	}
</style>
